<template>
	<div class="wapr">
		<header>
    		<span class="left"><router-link to='/'><img src="../../static/img/wode-1.png"/></router-link></span>
    		<span class="center"></span>
    		<span class="right"></span>
    		<p><router-link to='denglu'><img src="../../static/img/wode-2.png"/></router-link></p>
    	</header>
    	
    	<main>
    		<ul class="_ul">
    			<li v-for='item in imges'>
    				<span class="left"><img :src="item.img"/></span>
    				<span class="center">{{item.tltie}}</span>
    				<span class="right"><router-link :to='item.path'><img :src="item.return"/></router-link></span>
    			</li>
    			
    		</ul>
    		
    		<ul class="_ul">
    			<li v-for='item in texts'>
    				<span class="left"><img :src="item.img"/></span>
    				<span class="center">{{item.tltie}}</span>
    				<span class="right"><img :src="item.return"/></span>
    			</li>
    			
    		</ul>
    		
    		
    		<ul class="_ul">
    			<li>
    				<span class="left"><img src="../../static/img/wode-14.png"/></span>
    				<span class="center">我的设置</span>
    				<span class="right"><img src="../../static/img/wode-15.png"/></span>
    			</li>
    			
    			
    		</ul>
    		<div class="one">
    			<router-link to='/home_index'><button class="btn">退出登录</button></router-link>
    		</div>
    		
    		<section>
    			<div class="tk">
             		<p>你确定要退出吗？</p>
             		<button>取消</button>
             		<button>确定</button>
             	</div>
    		</section>
    		
    		
    		
    	</main>
    	
    	
    	
    	
	</div>
</template>


<script>
    	import axios from 'axios'
    		export default {
    			name:'warp',
		  data () {
		  	return {
				imges:[],
				texts:[],
		     }
		  },
		  mounted () {
		  	axios.all([
		  		axios.get('../../static/json/wodeone.json'),
		  		axios.get('../../static/json/wodetwo.json')])
			   .then(response => {
				this.imges = response[0].data
				this.texts =response[1].data
				console.log(this.imges)
				console.log(this.texts)
			}) 
		  	
		    
		          
		 }
	}
    	</script>
    	
    	<style scoped lang="less">
    		@import '.././assets/less/my.less';
    	</style>
